<!--
 * @Author: yushuang
 * @Date: 2024-12-16 10:20:05
 * @LastEditors: yushuang
 * @LastEditTime: 2024-12-16 10:47:36
 * @Description: 
-->
<script setup lang="ts">
import { shallowRef } from 'vue';
import { CopyrightCircleOutlined } from '@ant-design/icons-vue';

defineOptions({
  name: 'GlobalFooter'
});

defineProps<{
  copyright?: string;
  icp?: string;
}>();

const prefixCls = shallowRef('ant-pro-global-footer');
</script>

<template>
  <div :class="prefixCls">
    <div v-if="$slots.renderFooterLinks" :class="`${prefixCls}-links`">
      <slot name="renderFooterLinks" />
    </div>
    <div v-if="copyright" :class="`${prefixCls}-copyright`">
      <a v-if="icp" href="https://beian.miit.gov.cn/" target="_blank">{{ icp }}</a> <CopyrightCircleOutlined /> {{ copyright }}
    </div>
  </div>
</template>

<style lang="less">
@import 'index';
</style>
